<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
   <base href="<%=basePath%>">
  <title> 个人主页 </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
 <link href="css/homepage.css" rel="stylesheet" type="text/css">
 <link href="css/singerinfo.css" rel="stylesheet" type="text/css">
 <link href="css/person.css" rel="stylesheet" type="text/css">
 </head>

<style type="text/css">




</style>
 <body>
 <div id="tittle">
   <div id="tittletop">
    <div  id="tittlemain">

      <div id="logo">
	   <ul>
	   <li> <a  title="忘忧校园音乐平台" href="index.jsp"><img src="images/logo.gif" width="180" height="57" ></a> </li>
	   </ul>
	 </div>

	 <div id="menu" >
	   <ul>

        <li ><a href="singer.jsp"><strong>歌手 </strong></a>&nbsp&nbsp
			 <a href="<s:url action="login_albumUI" namespace="/user"/>"><strong>专辑 </strong></a>&nbsp&nbsp
			 <a href="<s:url action="login_listenUI" namespace="/user"/>"><strong>随便听听</strong></a>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp				 
			 <a href="<s:url action="manage_addUI" namespace="/user"/>"><strong>快速注册</strong></a>&nbsp&nbsp&nbsp&nbsp	
		<div id="us">	 		 
	<s:if test="#request.suc==null">
    <a id ="bo" href="<s:url action="login_loginUI" namespace="/user"/>"><strong>登陆</strong></a>	
</s:if>
<s:else>
    <h1 style="font-size:15px;font-family:Verdana"><font color="red" id="log"><s:property value="#request.suc"/> </font></h1>
</s:else>
</div>

        </li>
	  </ul>
	 </div>

  </div>
  </div>
  </div>
<div id="main">
  <div id="leftpart">
    <div id="singerleft">
            <div id="singerinfomain">
             <div id="singerpic">
               <a><img src="images/person001.jpg" width="240px" height="240px"></a>
			 </div>
			 <div id="newstarinformation">
			 <span style="height:27px;line-height:27px;font-size:13px;font-family:宋体"><li style="font-size:17px;margin-top:10px"><b>superxp</b></li>
			
			  
				<li><a style="color:#666666">生日：</a>3-27 (白羊)</li>
				<li><a style="color:#666666">地区：</a>湖北武汉</li>
				<li><a style="color:#666666">经历：</a>收听歌曲(10000)</li>
				<li><a style="color:#666666">时间：</a>在线时间(>10年)</li>
				<li><a style="color:#666666">称号：</a>舞林至尊</li>
				<li><a style="color:#666666">心情：</a>蛋疼死了..</li>
				<div id="xiang"><a id="detail" onclick="btn4();change4()" onmouseover="this.style.color='red';" onmouseout="this.style.color='#2c76c0';" style="cursor:pointer;color:#2c76c0;">查看详情> </a></div>

			    </span>
			
			 </div>
			 </div>
		    </div>
    <div id="box4">
	<div id="personinfo">
        <li><a style="color:black;font-size:15px"><b>个人资料</b></a></li>
        <li><a style="color:#666666">出生日期：</a>1991-3-27 (白羊座)</li>
	    <li><a style="color:#666666">所在地区：</a>湖北武汉</li>

		<li><a style="color:#666666">昵称：</a>四哥</li>
		<li><a style="color:#666666">经历：</a>收听歌曲(10000)</li>
		<li><a style="color:#666666">收藏：</a>收藏歌曲(100)</li>
		<li><a style="color:#666666">喜爱歌手：</a>孟庭苇</li>
		<li><a style="color:#666666">毕业学校：</a>华中科技大学</li>
		<li><a style="color:#666666">在线时间：</a>10年3月27天15小时</li>
        <li><a style="color:#666666">好友数目：</a>666</li>
		<li><a style="color:#666666">个人称号：</a>舞林至尊</li>
	    <li><a style="color:#666666">个人排行：</a>NO1</li>
		<li><a style="color:#666666">现在心情：</a>蛋疼死了..</li>
	</div>
	</div>
 </div>
  <div id="personright">
     <div class="persontittle"  style="width:680px;border:1px solid #dfdfdf;background:#f4f4f4;height:35px;line-height:35px;font-family:宋体;font-size:15px"> 
		   <b>我的<a style="color:#ff0000">收藏</a><b>
	 </div>
    <div id="shoucang">
	      
       <div id="shoucangfirst">
            <div id="songlistleft">
			 <div id="songlistleft1" style="width:270px;height:410px;float:left">
			      <div  class="singersong" style="margin-top:0px;">&nbsp&nbsp
				  <a class="nb1" >001</a>&nbsp&nbsp&nbsp<a href="" title="羞答答的玫瑰静悄悄的开">羞答答的玫瑰静悄悄的开</a></div>
				  <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">002</a>&nbsp&nbsp&nbsp<a href="" title="风中有朵雨做的云">风中有朵雨做的云</a></li></div>
				  <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">003</a>&nbsp&nbsp&nbsp<a href="" title="冬季来台北来看雨">冬季来台北来看雨</a></li></div>
				  <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">004</a>&nbsp&nbsp&nbsp<a href="" title="谁的眼泪在飞">谁的眼泪在飞</a></li></div>
				    <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">005</a>&nbsp&nbsp&nbsp<a href="" title="你看你看月亮的脸">你看你看月亮的脸</a></li></div>
				    <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">006</a>&nbsp&nbsp&nbsp<a href="" title="你究竟有几个好妹妹">你究竟有几个好妹妹</a></li></div>
				    <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">007</a>&nbsp&nbsp&nbsp<a href="" title="往事">往事</a></li></div>
				    <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">008</a>&nbsp&nbsp&nbsp<a href="" title="红雨">红雨</a></li></div>
				    <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">009</a>&nbsp&nbsp&nbsp<a href="" title="没有情人的情人节">没有情人的情人节</a></li></div>
				    <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">010</a>&nbsp&nbsp&nbsp<a href="" title="泪海">泪海</a></li></div>
				
			 </div>
			 
			   <div id="songlistleft2" style="width:60px;height:390px;float:right;margin-top:10px">
                <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a> </div>
			  
			     <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a> </div>
			  
			     <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a> </div>
			    <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a> </div>
			  
			     <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a> </div>
			  
			     <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a> </div>
			    <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a> </div>
			  
			     <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a> </div>
			  
			     <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a> </div>
				  <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a> </div>
			 

            </div>
	   </div>
	   <div id="songlistright">
              <div id="songlistleft1" style="width:270px;height:410px;float:left">
			      <div  class="singersong" >&nbsp&nbsp
				  <a class="nb1" >011</a>&nbsp&nbsp&nbsp<a href="" title="羞答答的玫瑰静悄悄的开">羞答答的玫瑰静悄悄的开</a></div>
				  <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">012</a>&nbsp&nbsp&nbsp<a href="" title="风中有朵雨做的云">风中有朵雨做的云</a></li></div>
				  <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">013</a>&nbsp&nbsp&nbsp<a href="" title="冬季来台北来看雨">冬季来台北来看雨</a></li></div>
				  <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">014</a>&nbsp&nbsp&nbsp<a href="" title="谁的眼泪在飞">谁的眼泪在飞</a><div class="playsong"></li></div>
				    <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">015</a>&nbsp&nbsp&nbsp<a href="" title="你看你看月亮的脸">你看你看月亮的脸</a></li></div>
				    <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">016</a>&nbsp&nbsp&nbsp<a href="" title="你究竟有几个好妹妹">你究竟有几个好妹妹</a></li></div>
				    <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">017</a>&nbsp&nbsp&nbsp<a href="" title="往事">往事</a></li></div>
				    <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">018</a>&nbsp&nbsp&nbsp<a href="" title="红雨">红雨</a></li></div>
				    <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">019</a>&nbsp&nbsp&nbsp<a href="" title="没有情人的情人节">没有情人的情人节</a></li></div>
				    <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">020</a>&nbsp&nbsp&nbsp<a href="" title="泪海">泪海</a></li></div>
				
			 </div>
            

			  <div id="songlistleft2" style="width:60px;height:390px;float:right;margin-top:10px">
                <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a> </div>
			  
			     <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a> </div>
			  
			     <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a> </div>
			    <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a> </div>
			  
			     <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a> </div>
			  
			     <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a> </div>
			    <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a> </div>
			  
			     <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a> </div>
			  
			     <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a> </div>
				  <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a> </div>
			 

            </div>
	   </div>
     </div>
       <div class="shoucangsecond" id="box" >
               <div id="songlistleft">
			 <div id="songlistleft1" style="width:270px;height:200px;float:left">
			      <div  class="singersong" style="margin-top:10px;">&nbsp&nbsp
				  <a class="nb1" >021</a>&nbsp&nbsp&nbsp<a href="" title="羞答答的玫瑰静悄悄的开">羞答答的玫瑰静悄悄的开</a></div>
				  <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">022</a>&nbsp&nbsp&nbsp<a href="" title="风中有朵雨做的云">风中有朵雨做的云</a></li></div>
				  <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">023</a>&nbsp&nbsp&nbsp<a href="" title="冬季来台北来看雨">冬季来台北来看雨</a></li></div>
				  <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">024</a>&nbsp&nbsp&nbsp<a href="" title="谁的眼泪在飞">谁的眼泪在飞</a><div class="playsong"></li></div>
				    <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">025</a>&nbsp&nbsp&nbsp<a href="" title="你看你看月亮的脸">你看你看月亮的脸</a></li></div>
				   
				
			 </div>
			 
			   <div id="songlistleft2" style="width:60px;height:190px;float:right;margin-top:20px">
                <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a> </div>
			  
			     <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a> </div>
			  
			     <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a> </div>
			    <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a> </div>
			  
			     <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a> </div>
			  
		
			 

            </div>
	   </div>
	   <div id="songlistright">
              <div id="songlistleft1" style="width:270px;height:200px;float:left">
			      <div  class="singersong" style="margin-top:10px;">&nbsp&nbsp
				  <a class="nb1" >026</a>&nbsp&nbsp&nbsp<a href="" title="羞答答的玫瑰静悄悄的开">羞答答的玫瑰静悄悄的开</a></div>
				  <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">027</a>&nbsp&nbsp&nbsp<a href="" title="风中有朵雨做的云">风中有朵雨做的云</a></li></div>
				  <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">028</a>&nbsp&nbsp&nbsp<a href="" title="冬季来台北来看雨">冬季来台北来看雨</a></li></div>
				  <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">029</a>&nbsp&nbsp&nbsp<a href="" title="谁的眼泪在飞">谁的眼泪在飞</a><div class="playsong"></li></div>
				    <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">020</a>&nbsp&nbsp&nbsp<a href="" title="你看你看月亮的脸">你看你看月亮的脸</a></li></div>
			
				
			 </div>
            

			  <div id="songlistleft2" style="width:60px;height:190px;float:right;margin-top:20px">
                <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a> </div>
			  
			     <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a> </div>
			  
			     <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a> </div>
			    <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a> </div>
			  
			     <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a> </div>
	
			 

            </div>
	   </div>
	   </div>
	  
	  <div class="moredetail" id="more1" ><a  onclick="btn();change1()" style="cursor:pointer;">更多></a></div>
   </div>


    
    <div class="persontittle" style="margin-top:10px;width:680px;border:1px solid #dfdfdf;background:#f4f4f4;height:35px;line-height:35px;font-family:宋体;font-size:15px"> 
		   <b>我的<a style="color:#ff0000">轨迹</a><b>
    </div>

    <div id="songlisten">
      <div id="songlisten1">

	       <div id="songlistleft">
			 <div id="songlistleft1" style="width:270px;height:410px;float:left;margin-top:10px">
			      <div  class="singersong" style="margin-top:0px;">&nbsp&nbsp
				  <a class="nb1" >001</a>&nbsp&nbsp&nbsp<a href="" title="羞答答的玫瑰静悄悄的开">羞答答的玫瑰静悄悄的开</a></div>
				  <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">002</a>&nbsp&nbsp&nbsp<a href="" title="风中有朵雨做的云">风中有朵雨做的云</a></li></div>
				  <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">003</a>&nbsp&nbsp&nbsp<a href="" title="冬季来台北来看雨">冬季来台北来看雨</a></li></div>
				  <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">004</a>&nbsp&nbsp&nbsp<a href="" title="谁的眼泪在飞">谁的眼泪在飞</a><div class="playsong"></li></div>
				    <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">005</a>&nbsp&nbsp&nbsp<a href="" title="你看你看月亮的脸">你看你看月亮的脸</a></li></div>
				    <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">006</a>&nbsp&nbsp&nbsp<a href="" title="你究竟有几个好妹妹">你究竟有几个好妹妹</a></li></div>
				    <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">007</a>&nbsp&nbsp&nbsp<a href="" title="往事">往事</a></li></div>
				    <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">008</a>&nbsp&nbsp&nbsp<a href="" title="红雨">红雨</a></li></div>
				    <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">009</a>&nbsp&nbsp&nbsp<a href="" title="没有情人的情人节">没有情人的情人节</a></li></div>
				    <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">010</a>&nbsp&nbsp&nbsp<a href="" title="泪海">泪海</a></li></div>
				
			 </div>
			 
			   <div id="songlistleft2" style="width:60px;height:390px;float:right;margin-top:20px">
              <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a>&nbsp <a  title="收藏" href=""><img src="images/store1.gif" width="19" height="19" onmouseover="this.src='images/store4.gif'" onmouseout="this.src='images/store1.gif'"/></a> </div>
			  
			     <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a>&nbsp <a  title="收藏" href=""><img src="images/store1.gif" width="19" height="19" onmouseover="this.src='images/store4.gif'" onmouseout="this.src='images/store1.gif'"/></a></div>
			  
			     <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a>&nbsp <a  title="收藏" href=""><img src="images/store1.gif" width="19" height="19" onmouseover="this.src='images/store4.gif'" onmouseout="this.src='images/store1.gif'"/></a></div>
			    <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a>&nbsp <a  title="收藏" href=""><img src="images/store1.gif" width="19" height="19" onmouseover="this.src='images/store4.gif'" onmouseout="this.src='images/store1.gif'"/></a> </div>
			  
			     <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a>&nbsp <a  title="收藏" href=""><img src="images/store1.gif" width="19" height="19" onmouseover="this.src='images/store4.gif'" onmouseout="this.src='images/store1.gif'"/></a> </div>
			  
			     <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a>&nbsp <a  title="收藏" href=""><img src="images/store1.gif" width="19" height="19" onmouseover="this.src='images/store4.gif'" onmouseout="this.src='images/store1.gif'"/></a></div>
			    <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a>&nbsp <a  title="收藏" href=""><img src="images/store1.gif" width="19" height="19" onmouseover="this.src='images/store4.gif'" onmouseout="this.src='images/store1.gif'"/></a></div>
			  
			     <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a>&nbsp <a  title="收藏" href=""><img src="images/store1.gif" width="19" height="19" onmouseover="this.src='images/store4.gif'" onmouseout="this.src='images/store1.gif'"/></a> </div>
			  
			     <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a>&nbsp <a  title="收藏" href=""><img src="images/store1.gif" width="19" height="19" onmouseover="this.src='images/store4.gif'" onmouseout="this.src='images/store1.gif'"/></a> </div>
				  <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a>&nbsp <a  title="收藏" href=""><img src="images/store1.gif" width="19" height="19" onmouseover="this.src='images/store4.gif'" onmouseout="this.src='images/store1.gif'"/></a> </div>
			 
			 

            </div>
	   </div>
	   <div id="songlistright">
              <div id="songlistleft1" style="width:270px;height:410px;float:left;margin-top:10px">
			      <div  class="singersong" >&nbsp&nbsp
				  <a class="nb1" >011</a>&nbsp&nbsp&nbsp<a href="" title="羞答答的玫瑰静悄悄的开">羞答答的玫瑰静悄悄的开</a></div>
				  <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">012</a>&nbsp&nbsp&nbsp<a href="" title="风中有朵雨做的云">风中有朵雨做的云</a></li></div>
				  <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">013</a>&nbsp&nbsp&nbsp<a href="" title="冬季来台北来看雨">冬季来台北来看雨</a></li></div>
				  <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">014</a>&nbsp&nbsp&nbsp<a href="" title="谁的眼泪在飞">谁的眼泪在飞</a><div class="playsong"></li></div>
				    <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">015</a>&nbsp&nbsp&nbsp<a href="" title="你看你看月亮的脸">你看你看月亮的脸</a></li></div>
				    <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">016</a>&nbsp&nbsp&nbsp<a href="" title="你究竟有几个好妹妹">你究竟有几个好妹妹</a></li></div>
				    <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">017</a>&nbsp&nbsp&nbsp<a href="" title="往事">往事</a></li></div>
				    <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">018</a>&nbsp&nbsp&nbsp<a href="" title="红雨">红雨</a></li></div>
				    <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">019</a>&nbsp&nbsp&nbsp<a href="" title="没有情人的情人节">没有情人的情人节</a></li></div>
				    <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">020</a>&nbsp&nbsp&nbsp<a href="" title="泪海">泪海</a></li></div>
				
			 </div>
            

			  <div id="songlistleft2" style="width:60px;height:390px;float:right;margin-top:20px">
                <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a>&nbsp <a  title="收藏" href=""><img src="images/store1.gif" width="19" height="19" onmouseover="this.src='images/store4.gif'" onmouseout="this.src='images/store1.gif'"/></a> </div>
			  
			     <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a>&nbsp <a  title="收藏" href=""><img src="images/store1.gif" width="19" height="19" onmouseover="this.src='images/store4.gif'" onmouseout="this.src='images/store1.gif'"/></a></div>
			  
			     <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a>&nbsp <a  title="收藏" href=""><img src="images/store1.gif" width="19" height="19" onmouseover="this.src='images/store4.gif'" onmouseout="this.src='images/store1.gif'"/></a></div>
			    <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a>&nbsp <a  title="收藏" href=""><img src="images/store1.gif" width="19" height="19" onmouseover="this.src='images/store4.gif'" onmouseout="this.src='images/store1.gif'"/></a> </div>
			  
			     <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a>&nbsp <a  title="收藏" href=""><img src="images/store1.gif" width="19" height="19" onmouseover="this.src='images/store4.gif'" onmouseout="this.src='images/store1.gif'"/></a> </div>
			  
			     <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a>&nbsp <a  title="收藏" href=""><img src="images/store1.gif" width="19" height="19" onmouseover="this.src='images/store4.gif'" onmouseout="this.src='images/store1.gif'"/></a></div>
			    <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a>&nbsp <a  title="收藏" href=""><img src="images/store1.gif" width="19" height="19" onmouseover="this.src='images/store4.gif'" onmouseout="this.src='images/store1.gif'"/></a></div>
			  
			     <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a>&nbsp <a  title="收藏" href=""><img src="images/store1.gif" width="19" height="19" onmouseover="this.src='images/store4.gif'" onmouseout="this.src='images/store1.gif'"/></a> </div>
			  
			     <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a>&nbsp <a  title="收藏" href=""><img src="images/store1.gif" width="19" height="19" onmouseover="this.src='images/store4.gif'" onmouseout="this.src='images/store1.gif'"/></a> </div>
				  <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a>&nbsp <a  title="收藏" href=""><img src="images/store1.gif" width="19" height="19" onmouseover="this.src='images/store4.gif'" onmouseout="this.src='images/store1.gif'"/></a> </div>
			 

            </div>
	   </div>
	  </div>
      <div id="box2">
           
             <div id="songlistleft">
			 <div id="songlistleft1" style="width:270px;height:200px;float:left">
			      <div  class="singersong" style="margin-top:10px;">&nbsp&nbsp
				  <a class="nb1" >021</a>&nbsp&nbsp&nbsp<a href="" title="羞答答的玫瑰静悄悄的开">羞答答的玫瑰静悄悄的开</a></div>
				  <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">022</a>&nbsp&nbsp&nbsp<a href="" title="风中有朵雨做的云">风中有朵雨做的云</a></li></div>
				  <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">023</a>&nbsp&nbsp&nbsp<a href="" title="冬季来台北来看雨">冬季来台北来看雨</a></li></div>
				  <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">024</a>&nbsp&nbsp&nbsp<a href="" title="谁的眼泪在飞">谁的眼泪在飞</a><div class="playsong"></li></div>
				    <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">025</a>&nbsp&nbsp&nbsp<a href="" title="你看你看月亮的脸">你看你看月亮的脸</a></li></div>
				   
				
			 </div>
			 
			   <div id="songlistleft2" style="width:60px;height:190px;float:right;margin-top:20px">
                <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a> </div>
			  
			     <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a> </div>
			  
			     <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a> </div>
			    <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a> </div>
			  
			     <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a> </div>
			  
		
			 

            </div>
	   </div>
	   <div id="songlistright">
              <div id="songlistleft1" style="width:270px;height:200px;float:left">
			      <div  class="singersong" style="margin-top:10px;">&nbsp&nbsp
				  <a class="nb1" >026</a>&nbsp&nbsp&nbsp<a href="" title="羞答答的玫瑰静悄悄的开">羞答答的玫瑰静悄悄的开</a></div>
				  <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">027</a>&nbsp&nbsp&nbsp<a href="" title="风中有朵雨做的云">风中有朵雨做的云</a></li></div>
				  <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">028</a>&nbsp&nbsp&nbsp<a href="" title="冬季来台北来看雨">冬季来台北来看雨</a></li></div>
				  <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">029</a>&nbsp&nbsp&nbsp<a href="" title="谁的眼泪在飞">谁的眼泪在飞</a><div class="playsong"></li></div>
				    <div  class="singersong"><li>&nbsp&nbsp
				  <a class="nb1">020</a>&nbsp&nbsp&nbsp<a href="" title="你看你看月亮的脸">你看你看月亮的脸</a></li></div>
			
				
			 </div>
            

			  <div id="songlistleft2" style="width:60px;height:190px;float:right;margin-top:20px">
               <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a>&nbsp <a  title="收藏" href=""><img src="images/store1.gif" width="19" height="19" onmouseover="this.src='images/store4.gif'" onmouseout="this.src='images/store1.gif'"/></a> </div>
			  
			     <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a>&nbsp <a  title="收藏" href=""><img src="images/store1.gif" width="19" height="19" onmouseover="this.src='images/store4.gif'" onmouseout="this.src='images/store1.gif'"/></a></div>
			  
			     <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a>&nbsp <a  title="收藏" href=""><img src="images/store1.gif" width="19" height="19" onmouseover="this.src='images/store4.gif'" onmouseout="this.src='images/store1.gif'"/></a></div>
			    <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a>&nbsp <a  title="收藏" href=""><img src="images/store1.gif" width="19" height="19" onmouseover="this.src='images/store4.gif'" onmouseout="this.src='images/store1.gif'"/></a> </div>
			  
			     <div class="playsong1" ><a  title="播放" href=""><img src="images/play1.gif" width="19" height="19" onmouseover="this.src='images/play2.gif'" onmouseout="this.src='images/play1.gif'"/></a>&nbsp <a  title="收藏" href=""><img src="images/store1.gif" width="19" height="19" onmouseover="this.src='images/store4.gif'" onmouseout="this.src='images/store1.gif'"/></a> </div>
			  
	
			 

            </div>
	   </div>

	  </div>
	  <div class="moredetail" id="more2" style="color:#33ccff" ><a  onclick="btn2();change2()" style="cursor:pointer;color:#33ccff">更多></a></div>
	</div>
    <div class="persontittle" style="margin-top:10px;width:680px;border:1px solid #dfdfdf;background:#f4f4f4;height:35px;line-height:35px;font-family:宋体;font-size:15px"> 
		   <b>好友<a style="color:#ff0000">动态</a><b>
    </div>
	<div id="action" >
	   <div id="action1">
	  </div>
      <div id="box3">
	  </div>
         <div class="moredetail" id="more3"><a  onclick="btn3();change3()" style="cursor:pointer;">更多></a></div>
    </div>


</div>

<script type="text/javascript">
var box1=document.getElementById('box');
var box2=document.getElementById('box2');
var box3=document.getElementById('box3');
var box4=document.getElementById('box4');
var t=0;
var m=0;
var n=0;
var p=0;
var q=1;
var s=1;
var r=1;
var v=1;
function change1()
{

 q++;
 if(q%2==0)
 {
  change11();
 }
 else{
  change12();
 }
}

function change2()
{

 s++;
 if(s%2==0)
 {
  change21();
 }
 else{
  change22();
 }
}
function change3()
{

 r++;
 if(r%2==0)
 {
  change31();
 }
 else{
  change32();
 }
}
function change4()
{

 v++;
 if(v%2==0)
 {
  change41();
 }
 else{
  change42();
 }
}
function change11(){

 var str1=document.getElementById("more1").innerHTML;
 str1=str1.replace("更多","收起");

 document.getElementById("more1").innerHTML=str1;

 
}
function change12(){
 var str1=document.getElementById("more1").innerHTML;

 str1=str1.replace("收起","更多");

 document.getElementById("more1").innerHTML=str1;

}
function change21(){
 var str2=document.getElementById("more2").innerHTML;

 str2=str2.replace("更多","收起");

 document.getElementById("more2").innerHTML=str2;

 
}
function change22(){
 var str2=document.getElementById("more2").innerHTML;

 str2=str2.replace("收起","更多");

 document.getElementById("more2").innerHTML=str2;

}
function change31(){

 var str3=document.getElementById("more3").innerHTML;
 str3=str3.replace("更多","收起");

 document.getElementById("more3").innerHTML=str3;

 
}
function change32(){
 var str3=document.getElementById("more3").innerHTML;

 str3=str3.replace("收起","更多");

 document.getElementById("more3").innerHTML=str3;

}
function change41(){

 var str4=document.getElementById("xiang").innerHTML;
 str4=str4.replace("查看","收起");

 document.getElementById("xiang").innerHTML=str4;

 
}
function change42(){
 var str4=document.getElementById("xiang").innerHTML;

 str4=str4.replace("收起","查看");

 document.getElementById("xiang").innerHTML=str4;

}
function btn(){

t++;
if(t%2==0)
{
box1.style.display='none';
	}else{box1.style.display='block';
}
}
function btn2(){

m++;
if(m%2==0)
{
box2.style.display='none';
	}else{box2.style.display='block';
}
}
function btn3(){

n++;
if(n%2==0)
{
box3.style.display='none';
	}else{box3.style.display='block';
}
}
function btn4(){

n++;
if(n%2==0)
{
box4.style.display='none';
	}else{box4.style.display='block';
}
}
</script>
 </body>
</html>

